home *** CD-ROM | disk | FTP | other *** search
/ Aminet 33 / Aminet 33 - October 1999.iso / Aminet / docs / mags / woa4.lha / WORLD4 / Editorial / Regulars / Quick-Guide < prev   
Encoding:
Text File  |  1999-08-06  |  3.4 KB  |  92 lines
  1. >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>WOA
  2.  
  3. Quick Guide to...
  4. HTML Tables
  6.  
  7. The previous writer of these parts has decided to give up. More for
  8. me to do... hmmmm.... aren't I lucky... :) Anyway, someone suggested
  9. HTML tables as a topic for this, and since I've just got the hang
  10. of legal HTML tables (as opposed to illegal ones) myself, I think I
  11. may aswell give you the benefit of my new-found experience.
  12.  
  13. Tables in HTML start off with a TABLE tag. Easy. There are several
  14. arguments you can give in this tag...
  15.  
  16.    WIDTH=       This is the width of the table overall. You can specify
  17.                 this in percent or pixels. eg, WIDTH=90% or WIDTH=150
  18.  
  19.    HEIGHT=      This is the height of the table. Specify using the
  20.                 same syntax as WIDTH
  21.  
  22.    BORDER=      The width of the table border in pixels. eg, BORDER=0
  23.  
  24.    CELLPADDING= The size of the padding around a cell, in pixels.
  25.  
  26.    CELLSPACING= The space between a cell of the table.
  27.  
  28. So, that's the table started off. If you're going to be using width
  29. definitions in the cells, then you need to define a width of the overall
  30. table of things may start to look strange.
  31.  
  32. For your table to be legal, you need to start off the first row of
  33. cells. You do this using the <TR> (Table Row) tag. This includes some
  34. parameters. WIDTH and HEIGHT can be used. Others are available, but
  35. can be covered later if anyone asks.
  36.  
  37. <TABLE WIDTH=500 HEIGHT=500 BORDER=0>
  38.    <TR>
  39.  
  40. That's what you have so far. Notice I've started indenting the code.
  41. This is just for ease of reading, and is not compulsary. You now
  42. need to define a cell. You do this using the <TD> tag. This allows
  43. the width and height parameters, as well as these:
  44.  
  45.    COLSPAN=    This is the number of columns that the cell you are
  46.                creating will span across the top of.
  47.  
  48.    +------------+---+
  49.    |     1      | 2 |
  50.    +---+----+---+---+
  51.    | 3 | 4  | 5 | 6 |
  52.    +---+----+---+---+
  53.  
  54. Cell number 1 spans 3 columns (goes over the top of 3 columns that is).
  55. The HTML code for the above table would look something like this:
  56.  
  57. <TABLE BORDER=0>              Start the table
  58.    <TR>                       Start the first row
  59.       <TD COLSPAN=3>          Start the first cell
  60.          This is cell 1
  61.       </TD>                   End the first cell
  62.       <TD COLSPAN=1>          Start the second cell
  63.          This is cell 2
  64.       </TD>                   End the second cell
  65.    </TR>                      End the first row
  66.    <TR>                       Start the second row
  67.       <TD COLSPAN=1>          Start of third cell
  68.          This is cell 3
  69.       </TD>                   End of third cell
  70.       <TD COLSPAN=1>          Start of fourth cell
  71.          This is cell 4
  72.       </TD>                   End of fourth cell
  73.       <TD COLSPAN=1>          Start of fifth cell
  74.          This is cell 5
  75.       </TD>                   End of fifth cell
  76.       <TD COLSPAN=1>          Start of sixth cell
  77.          This is cell 6
  78.       </TD>                   End of sixth cell
  79.    </TR>                      End of second row
  80. </TABLE>                      End of table
  81.  
  82. You can also have a BGCOLOR argument in the TD tag which allows you
  83. to specify a colour for the cell using either normal HTML colour
  84. definitions such as 'Black', 'Green', etc or Hex values such as
  85. '#00ff00'. Just remember to close all your tags and it's legal! (Well
  86. nearly :)
  87.  
  88. >>W<<<<<
  89. >>>O<<<< Neil
  90. >>>>A<<<
  91.  
  92.